<template>
  <div>
    <!-- -->
    <h1>Hello World {{ msg }}</h1>
    
  </div>
</template>

<script setup>
import { ref,defineProps } from 'vue';
const props = defineProps({
  msg: {
    type: String,
    default: 'World'
  }
})

const count = ref(0);
const msg = props.msg;
console.log(msg)

</script>

<style lang="css" scoped>

</style>